फ़्लोट करने वाला कार्रवाई बटन जोड़ें

लिखने की सुविधा आज़माएं
Android के लिए, Jetpack Compose को यूज़र इंटरफ़ेस (यूआई) टूलकिट के तौर पर इस्तेमाल करने का सुझाव दिया जाता है. Compose में कॉम्पोनेंट जोड़ने का तरीका जानें.
फ़्लोटिंग ऐक्शन बटन →

फ़्लोटिंग ऐक्शन बटन (एफ़एबी), गोल आकार का एक बटन होता है. यह आपके ऐप्लिकेशन के यूज़र इंटरफ़ेस (यूआई) में मुख्य कार्रवाई को ट्रिगर करता है. इस पेज पर, लेआउट में FAB जोड़ने, उसकी कुछ विशेषताओं को पसंद के मुताबिक बनाने, और बटन टैप करने पर कार्रवाई करने का तरीका बताया गया है.

मटीरियल डिज़ाइन के दिशा-निर्देशों के मुताबिक, अपने ऐप्लिकेशन में फ़्लोटिंग ऐक्शन बटन डिज़ाइन करने के तरीके के बारे में ज़्यादा जानने के लिए, बटन: फ़्लोटिंग ऐक्शन बटन भी देखें.

पहली इमेज. फ़्लोटिंग ऐक्शन बटन

अपने लेआउट में फ़्लोटिंग ऐक्शन बटन जोड़ना

यहां दिए गए कोड में दिखाया गया है कि आपकी लेआउट फ़ाइल में FloatingActionButton कैसा दिखना चाहिए: 

<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:src="@drawable/ic_my_icon"
        android:contentDescription="@string/submit"
        android:layout_margin="16dp" />

डिफ़ॉल्ट रूप से, FAB को colorAccent एट्रिब्यूट के हिसाब से रंग दिया जाता है. हालांकि, थीम के कलर पैलेट का इस्तेमाल करके, इसे अपनी पसंद के मुताबिक बनाया जा सकता है.

एक्सएमएल एट्रिब्यूट या उनसे जुड़े तरीकों का इस्तेमाल करके, अन्य FAB प्रॉपर्टी कॉन्फ़िगर की जा सकती हैं. जैसे:

  • app:fabSize एट्रिब्यूट या setSize() तरीके का इस्तेमाल करके, FAB का साइज़.
  • app:rippleColor एट्रिब्यूट या setRippleColor() तरीके का इस्तेमाल करके, FAB के रिपल का रंग सेट किया जा सकता है.
  • android:src एट्रिब्यूट या setImageDrawable() तरीके का इस्तेमाल करके, FAB आइकॉन.

बटन टैप करने पर जवाब देना

इसके बाद, FAB टैप को हैंडल करने के लिए View.OnClickListener लागू किया जा सकता है. उदाहरण के लिए, यहां दिया गया कोड तब Snackbar दिखाता है, जब उपयोगकर्ता FAB पर टैप करता है:

Kotlin

val fab: View = findViewById(R.id.fab)
fab.setOnClickListener { view ->
    Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
            .setAction("Action", null)
            .show()
}

Java

FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
                .setAction("Action", null).show();
    }
});

एफ़एबी की सुविधाओं के बारे में ज़्यादा जानने के लिए, FloatingActionButton के लिए एपीआई रेफ़रंस देखें.